<template>
  <div>

    <Row :gutter="1 ">
      <Col>

      <div>
        <Test />
      </div>

      </Col>
      <br>
      <Col span="17">
      <div style="float:left ">
        <NewCard />
      </div>
      </Col>
      <Col span="7">
      <div class="re d2">
        <RankingCard />
      </div>
      </Col>
    </Row>

  </div>
</template>

<script>
import sheader from "@/components/Header";
import RankingCard from "@/components/RankingCard.vue";
import NewCard from "@/components/NewCard.vue";
import Test from "@/components/Test.vue";
export default {
  name: "HelloWorld",
  data() {
    return {
      value2: 0
    };
  },
  components: {
    sheader,
    RankingCard,
    NewCard,
    Test
  },
  mounted() {
    this.sw();
  },
  methods: {
    sw() {}
  }
};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->

